import { IvButton } from '@/components';
import { useEffect, useState, } from 'react'
// 父组件
function ReactHooks(props) {
  // 2、useEffect 里面的参数有两个一个是callabck回调一个是一个数组 数组里面放入我们需要监听的数据 如果是空数组则只会执行一次
  const [a, setA] = useState(1)
  useEffect(() => {
    console.log('我调用一次');

  }, [])
  useEffect(() => {
    console.log('a改变后我才会调用');

  }, [a])
  useEffect(() => {
    console.log('不清楚');

  }, [1])
  useEffect(() => {
    console.log('如果数组里面还是数组则会和不传一样更新,触发');
  }, [[]])
  useEffect(() => {
    console.log('每次都会触发');

  })
  return (
    <div>

      <IvButton onClick={(e) => { e(); setA(a + 1) }}>a++</IvButton>
      <div>a:{a}</div>
    </div>
  )
}

export default ReactHooks